﻿*{
	padding: 0;
	margin: 0;
    font-family: "微软雅黑";
}
html,body{ 
height:100%; 
} 
.full{
	display: block;
	width: 100%;
	height: 100%;
}
.pic-full{
	width: 100%;
}
.pr{
	position: relative;
}
.pa{
	position: absolute;
}
.clear{
	clear: both;
}
.content{
	width: 100%;
	margin: 0 auto;
	background: url(../img/car_pic.png);
	background-size: 100% 100%;
}
.notickets{
	background: black;
}
.info{
	width: 90%;	
	margin: 0 auto;
	padding-top: 1.2rem;
	top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.left-logo{
	float: left;
	width: 38%;
}
.leftlogo{
	float: left;
	width: 38%;
}
.right-logo{
	float: right;
	width: 12%;
}
.rightlogo{
	float: right;
	width: 12%;
	margin-top: -2%;
}
.sorry{
	color: white;
	text-align: center;
	font-size: 1.5rem;
	padding-top: 5rem;
}
.over{
	color: white;
	text-align: center;
	font-size: 0.8rem;
   /* padding-top: 0.3rem;*/
}
.code{
	width: 30%;
	margin: 0 auto;
	padding-top: 0.4rem;
}
.tickets-content{	
    width: 16rem;
    background: url(../img/bg_pic.png);
    background-size: 100% 100%;
    margin: 0 auto;
}
.info-font{
	width: 70%;
	margin: 0 auto;
	padding-top: 2rem;
}
.show-info{
	display: block;
	color: #b5b5b6;
	font-size: 0.5rem;
	text-align: center;
}
.show-off{
	padding-top: 0.75rem;
}
.share{
	width: 56%;
	float: right;
}
.share-it{
	display: block;
	text-align: center;
	padding-top: 0.5rem;
	font-size: 1rem;
	color: #FFFFFF;
}
.pop{
	width: 100%;
	position: absolute;
	top: 0;
	display: none;
}
.pop-area{
	position: relative;
	z-index: 5;
}
.pop-bg{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 3;
    -moz-opacity: 0.85;
    opacity: .85;
    filter: alpha(opacity=85);
}
.user{
	width: 16rem;
	margin: 0 auto;
	background: url(../img/user_bg.png);
	background-size: 100% 100%;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.pop-info{
	width: 88%;
	margin: 0 auto;
	padding-top: 6rem;
	display: none;
}
.btn{
	width: 38%;
	padding-top: 4rem;
	position: absolute;
    bottom: 23%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.txt{ 
	 width: 40%;
     margin: 0 auto;
     padding-top: 66%;
     transform:rotate(2deg);
	-ms-transform:rotate(2deg); 	/* IE 9 */
	-moz-transform:rotate(2deg); 	/* Firefox */
	-webkit-transform:rotate(2deg); /* Safari 和 Chrome */
	-o-transform:rotate(2deg); 
	-webkit-animation:bounce 1s .2s infinite linear;
	-moz-animation:bounce 1s .2s infinite linear;}
	@-webkit-keyframes bounce{
	0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
	40%{-webkit-transform:translateY(-0.6rem)}
	60%{-webkit-transform:translateY(-0.4rem)}
	}
	@-moz-keyframes bounce{
	0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
	40%{-moz-transform:translateY(-0.6rem)}
	60%{-moz-transform:translateY(-0.4rem)}
           }
.index-pic{
	width: 100%;
	height: 100%;
	background: url(../img/index.png);
	background-size: 100% 100%;
}
.down-area{
	width: 20%;
	margin: 0 auto;
	transform:rotate(14deg);
	-ms-transform:rotate(14deg); 	/* IE 9 */
	-moz-transform:rotate(14deg); 	/* Firefox */
	-webkit-transform:rotate(14deg); /* Safari 和 Chrome */
	-o-transform:rotate(14deg); 
}
.down-one{
	display: block;
	margin: 0 auto;
	text-align: center;
	opacity: 1;
	animation:moveone 2s infinite;
    -webkit-animation:moveone 2s infinite; /*Safari and Chrome*/
}
.down-two{
	display: block;
	margin: 0 auto;
	text-align: center;
	opacity: 0.5;
	animation:movetwo 2s infinite;
    -webkit-animation:movetwo 2s infinite; /*Safari and Chrome*/
}
.down-three{
	display: block;
	margin: 0 auto;
	text-align: center;
	opacity: 0;
	animation:movethree 2s infinite;
    -webkit-animation:movethree 2s infinite; /*Safari and Chrome*/
}
.down-pic{
	width: 0.6rem;
}
@keyframes moveone
{
0% {opacity:1;}
25% {opacity:0.5;}
50% {opacity:0;}
100% {opacity:1;}
}
@keyframes movetwo
{
0% {opacity:0.5;}
25% {opacity:1;}
50% {opacity:0;}
100% {opacity:0.5;}
}
@keyframes movetwo
{
0% {opacity:0;}
25% {opacity:0.5;}
50% {opacity:1;}
100% {opacity:0;}
}
.begin{
	position: absolute;
	width: 2rem;
    height: 2rem;
    top: 15rem;
    left: 6rem;
}
.tag{
	width: 100%;
	height: 100%;
}
.content-info{
	position: absolute;
	left: 0;
	top: 15%;
	z-index: 5;
	color: white;
}
.p1{
	display: none;
	animation:p1 2s;
	animation-fill-mode: forwards;
	font-size: 1.1rem;
}
.p2{
	display: none;
	animation:p2 2.5s;
	animation-fill-mode: forwards;
}
@keyframes p1
{
0% {padding-left: 0;}
100% {padding-left: 2rem;}
}
@keyframes p2
{
0% {padding-left: 0;}
100% {padding-left: 2rem;}
}
.ticket{
	width: 100%;
	background: url(../img/bg_pic.png);
	background-size: 100% 100%;
	height: 100%;
}
.get{
	padding-top: 4rem;
}
.logo{
	width: 85%;
	margin: 0 auto;
	padding-top: 1rem;
}
.pt-diff{
	padding: ;
}
.info-new{
	width: 90%;
    padding-top: 1rem;
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.pt3{
	padding-top: 0.3rem;
}
.js-logoshow{
	position: relative;
	z-index: 10;
	-moz-opacity: 0.1;
    opacity: .1;
    filter: alpha(opacity=10);
}
.congratulation{
	color: #fefad9;
	font-size: 1.6rem;
	font-weight: 500;
}
.txt-center{
	text-align: center;
}
.getticket{
	font-size: 0.9rem;
	color: #cdc68a;
	width: 65%;
	margin: 0 auto;
}
.concat{
	color: #9d7c22;
	font-size: 0.6rem;
	width: 55%;
	margin: 0 auto;
}
.bl{
	display: block;
}
